﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="RegisterUc.ascx.cs"
    Inherits="VoIPWeb.Uc.RegisterUc" %>
<%@ Register Src="CaptchaUc.ascx" TagName="CaptchaUc" TagPrefix="uc2" %>
<div id="login-box">
    <div class="login-box-field">
        <asp:Label ID="lbError" ClientIDMode="Static" runat="server" Visible="false"></asp:Label>
    </div>
    <div style="color: #662D91; font-weight: bold;">
        <asp:Label ID="m_lbl_result" ClientIDMode="Static" runat="server" Visible="false"></asp:Label></div>
    <div class="login-box-field">
        <label for="txtUsername">
            Username:</label>
        <input id="txtUsername" name="txtUsername" class="textbox" title="Username" />
    </div>
    <div class="login-box-field">
        <label for="txtPassword">
            Password:</label>
        <input id="txtPassword" name="txtPassword" type="password" class="textbox" title="Password" /></div>
    <div class="login-box-field">
        <label for="txtRePassword">
            Retype Password:</label>
        <input id="txtRePassword" name="txtRePassword" type="password" class="textbox" title="Retype Password" />
    </div>
    <!--<div class="login-box-field">
        <label for="txtEmailAddress">
            Email Address:</label>
        <input id="txtEmailAddress" name="txtEmailAddress" class="textbox" title="Email Address" />
    </div> -->
    <div class="login-box-field">
        <uc2:CaptchaUc ID="CaptchaUc1" runat="server" />
    </div>
    <div class="login-box-field">
        <label for="txtCaptcha">
            Enter the letters depicted above:</label>
        <input id="txtCaptcha" name="txtCaptcha" class="textbox" title="Enter Captcha" />
    </div>
    <div class="login-box-field">
        <input id="btnSubmit" name="btnSubmit" type="submit" value="Register" /></div>
</div>
<style type="text/css">
    #m_lbl_result
    {
        color: #665252;
        background: url(/Css/Images/tick.png) no-repeat scroll 0 0;
        display: inline-block;
        padding: 0 0 3px 22px;
    }
    
    #login-box label
    {
        display: inline-block;
        width: 200px;
        padding: 0 1px;
    }
    
    #lbError
    {
        color: #665252;
        background: transparent url(/Css/Images/cross_circle.png) no-repeat scroll 0 0;
        padding: 0 0 3px 22px;
    }
    .login-box-field
    {
        padding: 5px;
    }
    .login-box-field label
    {
        font-weight: bold;
        display: inline-block;
        width: 90px;
    }
    .textbox
    {
        width: 150px;
        color: #616161;
        border: 1px solid;
        padding: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    #btnSubmit
    {
        cursor: pointer;
        border: 1px solid;
        background-color: #cccccc;
        padding: 1px 4px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
</style>
